<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" :title="mixinEdit_editTitle" width="500px" :visible.sync="mixinEdit_editVisible"
    :before-close="function(){mixinEdit_editBoxClose('editForm')}" append-to-body>
    <div class="dialogStyleBaseBox" v-loading="mixinEdit_loading">
        <el-form ref="editForm" :model="form" label-width="100px" label-position="left">

            <el-form-item label="菜单名称" prop="menuTitle" :rules="{ required: true, message: '菜单名称 不能为空'}">
                <el-input v-model="form.menuTitle" maxlength="10" show-word-limit></el-input>
            </el-form-item>

            <el-form-item label="前端标识" prop="authName" >
                <el-input v-model="form.authName" maxlength="40" show-word-limit></el-input>
            </el-form-item>

            <el-form-item label="菜单分类" prop="menuType" :rules="{ required: true, message: '请选择 菜单分类'}">
                <el-radio-group v-model="form.menuType">
                    <el-radio :label="item.dictValue" v-for="(item,index) in dict_menu_category" :key="item.id">
                        {{item.dictLabel}}</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="菜单类型" prop="type" :rules="{ required: true, message: '请选择 菜单类型'}">
                <el-radio-group v-model="form.type">
                    <el-radio :label="item.dictValue" v-for="(item,index) in dict_menu_type" :key="item.id">
                        {{item.dictLabel}}</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="菜单图标" prop="menuIcon">
                <selectIcon :value.sync="form.menuIcon"></selectIcon>
            </el-form-item>
           
            <el-form-item label="是否存在URL" prop="existResUrl">
                <el-radio-group v-model="form.existResUrl">
                    <el-radio :label="0">不存在</el-radio>
                    <el-radio :label="1">存在</el-radio>
                </el-radio-group>
            </el-form-item>

            <el-form-item label="URL地址" prop="resUrl">
                <el-input v-model="form.resUrl" maxlength="40" show-word-limit></el-input>
            </el-form-item>

            <el-form-item label="排序" prop="sort">
                <el-input-number type="number" style="width:100%" maxlength="10" v-model="form.sort" show-word-limit>
                </el-input-number>
            </el-form-item>

        </el-form>
    </div>
    <div slot="footer">
        <el-row>
            <el-col :span="12" style="text-align: left;">
                <el-button :disabled="mixinEdit_loading" @click="mixinEdit_resetForm('editForm')">重 置</el-button>
            </el-col>
            <el-col :span="12">
                <el-button :disabled="mixinEdit_loading" @click="mixinEdit_editBoxClose('editForm')">取 消</el-button>
                <el-button :disabled="mixinEdit_loading" type="primary"
                    @click="mixinEdit_editFormSubmit({model:'form',ref:'editForm'})">确
                    定</el-button>
            </el-col>
        </el-row>
    </div>
</el-dialog>